$(document).ready(function () {
    /*
     * 
     * INITIALISATION Framework
     * 
     * 
     */
    $(".dropdown-button").dropdown({hover: false}); // Déclenche les liste déroulante au clic
    $('select').material_select();              // Initialisation des selects    
    $('.modal-trigger').leanModal();            // Initialisation des boites de dialogues
    $('.collapsible').collapsible();

    $("table#list").dataTable({
        "language": {
            "sProcessing": "Traitement en cours...",
            "sSearch": "Rechercher&nbsp;:",
            "sLengthMenu": "Afficher _MENU_ &eacute;l&eacute;ments",
            "sInfo": "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
            "sInfoEmpty": "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
            "sInfoFiltered": "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            "sInfoPostFix": "",
            "sLoadingRecords": "Chargement en cours...",
            "sZeroRecords": "Aucun &eacute;l&eacute;ment &agrave; afficher",
            "sEmptyTable": "Aucune donn&eacute;e disponible dans le tableau",
            "oPaginate": {
                "sFirst": "Premier",
                "sPrevious": "Pr&eacute;c&eacute;dent",
                "sNext": "Suivant",
                "sLast": "Dernier"
            },
            "oAria": {
                "sSortAscending": ": activer pour trier la colonne par ordre croissant",
                "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
            }
        }
    });

    // Filtre des promotions dans glpmrUser:userList.html.twig
    $("#selectPromo").on("change", function () {
        var option = $("#selectPromo").val();
        console.log(option);
        $(".userList").each(function () {
            if ($(this).hasClass(option)) {
                $(this).show();
            }
            else {
                $(this).hide();
            }
        });
    });


    // filtre des users par lettre dans glpmrUser:userList.html.twig
    $(".letterFilter").on("click", function () {
        var letter = $(this).text();

        // On met la touche cliquée en "active"
        $("#selectLettre>li>a").each(function () {
            if ($(this).is(".active")) {
                $(this).removeClass("active");
            }
        });
        $(this).addClass("active");


        $(".userList").each(function () {
            if ($(this).hasClass(letter)) {
                $(this).show();
            }
            else {
                $(this).hide();
            }
        });
    });
    $(".reset").on("click", function () {
        $(".userList").each(function () {
            $(this).show();
        });
        $("#selectLettre>li>a").each(function () {
            if ($(this).is(".active")) {
                $(this).removeClass("active");
            }
        });
    });

    $('.modal-trigger').on("click", function () {
        var id = $(this).attr("id");
        var type = $(this).attr("data-type");
        console.log(type);
        $("a.suppr").attr("href", "http://localhost/QuizzTP/web/app_dev.php/"+ type +"/supprimer/" + id);
    });
});


//$('.pagination1').quickPagination();